<%--
  Created by IntelliJ IDEA.
  User: 呆
  Date: 2017/10/3
  Time: 13:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <!--easyui-->
    <script src="/static/ui/easyui/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/ui/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/ui/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
    <!--字体图标-->
    <link rel="stylesheet" type="text/css" href="/static/ui/easyui/themes/icons/css/font-awesome.min.css" />
    <!--皮肤-->
    <link rel="stylesheet" type="text/css" href="/static/ui/easyui/themes/gray/easyui.css" />
    <link rel="stylesheet" type="text/css" href="/static/ui/css/superBlue.css" />
    <script src="/static/ui/js/super.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/static/views/insurance.js"></script>
    <style type="text/css">


        #index fieldset {
            padding: 15px;
            border: 1px solid #ccc;
        }

        #index legend {
            padding: 0 10px;
        }

        #index fieldset h3 {
            margin: 10px 0;
        }

        .index-l {
            padding: 10px;
            width: 48%;
            overflow: auto;
        }

        .form-item {
            margin-bottom: 10px;
            width: 50%;
            float: left;
        }

        .form-item > label {
            min-width: 72px;
            display: inline-block;
        }

        .form-item input,
        select {
            width: 170px;
        }

        .contentWrapper {
            padding: 10px;
        }
    </style>
</head>
<body>
<!--表单-->
<div class="index-l">

        <div class="contentWrapper">
            <form id="ff" method="post">
                <div class="form-item">
                    <label for="" class="label-top">用户名：</label>
                    <input id="username" class="easyui-validatebox easyui-textbox" prompt="请输入用户名"
                           data-options="required:true,validType:'length[3,10]'">
                </div>
                <div class="form-item">
                    <label for="" class="label-top">用户名1：</label>
                    <input id="username1" class="easyui-validatebox easyui-textbox" prompt="请输入用户名"
                           data-options="required:true,validType:'length[3,10]'">
                </div>
                <div class="form-item">
                    <label for="" class="label-top">文本输入框：</label>
                    <input class="easyui-textbox" data-options="iconCls:'fa fa-user',iconAlign:'left'"
                           prompt="请输入文本">
                </div>
                <div class="form-item">
                    <label for="" class="label-top">密码输入框：</label>
                    <input class="easyui-passwordbox" prompt="Password" iconWidth="28">
                </div>
                <div class="form-item">
                    <label for="" class="label-top">下拉框：</label>
                    <select id="ec" class="easyui-combobox" data-options="editable:false,panelHeight:null"
                            name="dept">
                        <option value="aa">选项1</option>
                        <option>选项2</option>
                        <option>伤害</option>
                        <option>电风扇</option>
                        <option>共担风险</option>
                    </select>
                </div>
                <div class="form-item">
                    <label for="" class="label-top">数值输入框：</label>
                    <input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2"/>
                </div>

                <div class="form-item">
                    <label for="" class="label-top">日历：</label>
                    <input id="dd" type="text" class="easyui-datebox" required="required"/>
                </div>
                <div class="form-item">
                    <label for="" class="label-top">数字微调：</label>
                    <input id="ss" class="easyui-numberspinner" required="required"
                           data-options="min:10,max:100,editable:false">
                </div>
                <div class="form-item">
                    <label for="" class="label-top">文件选择：</label>
                    <input class="easyui-filebox" data-options="buttonText:'上传头像',buttonIcon:'fa fa-upload'">
                </div>
                <div class="form-item">
                    <input class="easyui-slider" value="12" style="width:300px" data-options="showTip:true"/>
                </div>
            </form>
        </div>
</div>
</body>
</html>
